<template>
  <div>
    <!-- <img
      :class="{ svgFFF: isWhite }"
      src="@/assets/icons/kb.svg"
      alt=""
      srcset=""
    /> -->

    <svg :style="{ width: width + 'px', height: height + 'px' }">
      <use :href="prefix + name" :fill="color"></use>
    </svg>
  </div>
</template>
<script lang="ts" setup>
// import { defineProps } from 'vue';

defineProps({
  prefix: {
    type: String,
    default: "#icon-",
  },
  name: {
    type: String,
    default: "",
  },
  color: {
    type: String,
    default: "",
  },
  width: {
    type: String,
    default: "16",
  },
  height: {
    type: String,
    default: "16",
  },
  isWhite: {
    type: Boolean,
    default: false,
  },
});
</script>
<style lang="scss" scoped></style>
